<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>发起悬赏的页面</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/magic-input.min.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/border-1px.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="../../css/launchReward.css">

</head>

<body>
  <div class="page-wrap">
    <div class="reward-setting-wrap">
      <!-- 想要的工作岗位 -->
      <div class="want-job-wrap page-padding">
        <h4 class="rewardstep-title fs-14">
          <span class="name">我想要的工作?</span>
        </h4>
        <!-- 选择或者展示工作岗位 -->
        <div class="job-info-wrap">
          <div class="choice-job-wrap fx-row fx-row-center">
            <div class="tips-frame fs-14 fx-1">请选择你想要的工作</div>
            <i class="iconfont icon-you1 arrow-right fs-16"></i>
          </div>
          <!-- 展示已选择的工作岗位 -->
          <div class="reward-job-wrap fx-row fx-row-center">
            <div class="job-img">
              <img class="img-text" src="../../images/headImg.png" alt="" srcset="">
            </div>
            <div class="job-introduce-wrap fx-1">
              <div class="job-introduce fx-row fx-row-center fx-row-space-around">
                <div class="job-left-info fx-1">
                  <!-- 工作标题 -->
                  <div class="job-title">
                    <span class="name fs-14">网络运营实习生</span>
                    <span class="saraly fs-12">4K-8K</span>
                  </div>
                  <div class="company-name">
                    斐讯网络科技有限公司
                  </div>
                  <div class="company-others">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
                <i class="iconfont icon-you1 arrow-right fs-16"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 想要被推的简历 -->
      <div class="push-resume-wrap page-padding">
        <h4 class="rewardstep-title fs-14">
          <span class="name">我想要被推荐的简历</span>
        </h4>
        <div class="push-resume-centent-wrap">
          <ul class="push-resume-centent-items">
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
            <li class="push-resume-centent-item fx-row fx-row-center">
              <i class="resume-icon"></i>
              <div class="resume-title overflow_1line fs-14">我的简历1</div>
              <!-- 进度条 -->
              <div class="resume-progress fx-1">
                <span class="active-progress"></span>
                <span class="num">30%</span>
              </div>
              <!-- 是否选中的框 -->
              <div class="isCheck-wrap">
                <input type="radio" name="selectedResume" class="mgc mgc-danger" checked>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 间隙 -->
      <div class="placeholder-div"></div>
      <!-- 我愿意悬赏多大的红包？ -->
      <div class="c-push-resume-reward-wrap page-padding">
        <h4 class="rewardstep-title fs-14">
          <span class="name">我愿意悬赏多大的红包？</span>
        </h4>
        <div class="resume-reward-tips fs-12">
          发起悬赏后，每次有在该公司在职人员为您推荐并评论，将打赏一笔悬赏金给推荐人
        </div>
        <!-- 悬赏金额 -->
        <div class="reward-amount-wrap">
          <ul class="reward-amount-items fx-row fx-row-center">
            <li class="reward-amount-item active fx-1 fs-14">10元</li>
            <li class="reward-amount-item fx-1 fs-14">20元</li>
            <li class="reward-amount-item fx-1 fs-14">50元</li>
            <li class="reward-amount-item fx-1 fs-14">100元</li>
          </ul>
        </div>
        <!-- 悬赏提示 -->
        <div class="resume-reward-notes fs-14">
          单次打赏可接收一个推荐人的推荐
        </div>
      </div>
    </div>
    <!-- 底部金额定位 -->
    <div class="confirm-pay-fixed-wrap">
      <ul class="confirm-pay-fixed fx-row fx-row-center">
        <li class="comfirm-amount fx-2 fs-16">
          总计：
          <span class="fs-15">10元</span>
        </li>
        <li class="comfirm-btn fx-1 fs-15">
          确认订单
        </li>
      </ul>
    </div>
    <!-- 弹窗 -->
    <div class="c-popups" style="display: none">
      <!-- 弹窗背景 -->
      <div class="popups-bg"></div>
      <!-- 弹窗内容 -->
      <div class="popups-bottom-wrap">
        <div class="title-wrap fx-row fx-row-center page-padding">
          <i class="iconfont icon-guanbi close fs-16"></i>
          <h6 class="title fx-1 fs-18">支付金额确认</h6>
        </div>
        <div class="pay-content page-padding">
          <p class="money fs-26">总计：100元</p>
          <div class="button-wrap">
            <a class="button button-width fs-15" href="#">确认订单</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>